<!DOCTYPE html>
<html lang="en">
<head>
	<title>微聊——登录</title>
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="keywords" content="Transparent Sign In Form Responsive Widget,Login form widgets, Sign up Web forms , Login signup Responsive web form,Flat Pricing table,Flat Drop downs,Registration Forms,News letter Forms,Elements" />
	<script type="application/x-javascript">
		addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
		function hideURLbar(){ window.scrollTo(0,1); }
	</script>
	<script src="static/js/common/jquery-1.9.1.min.js"></script>
	<link rel="icon" href="static/img/weiliao.png" type="image/x-icon" />
	<link rel="stylesheet" href="static/css/common/font-awesome.css"/> <!-- Font-Awesome-Icons-CSS -->
	<link rel="stylesheet" href="static/css/login.css" type="text/css" media="all" /> <!-- Style-CSS -->
</head>
<body class="background">
<div class="header-w3l">
	<h1>微聊</h1>
</div>
<div class="main-content-agile">
	<div class="sub-main-w3">
		<h2>登录</h2>
		<form>

			<div class="icon1">
				<input placeholder="用户名" id="username" type="text"/>
			</div>

			<div class="icon2">
				<input  placeholder="密码" id="password" type="password"/>
			</div>

			<div class="clear"></div>
			<input type="button" value="登录" onclick="login()"/>
		</form>
	</div>
</div>
<div class="footer">
	<p>&copy; 2020 CSCW back-end Tong, All Rights Reserved </p>
</div>
</body>
<script type="text/javascript">
	function login() {
		$.ajax({
			type : 'POST',
			url : 'login',
			dataType: 'json',
			data : {
				username: $("#username").val(),
				password: $("#password").val()
			},
			async : false,
			success: function(data) {
				if (data.status == 200) {
					window.location.href="weiliao";
				} else {
					alert(data.msg);
				}
			}
		});
	}

</script>
</html>